{extend name="public/base"/}
{block name="style"}
	<link rel="stylesheet" href="/public/novelv2/css/webpagecss/reset.css">
    <link rel="stylesheet" href="/public/novelv2/pluginIn/Swiper4/css/swiper.min.css">
    <link rel="stylesheet" href="/public/novelv2/css/webpagecss/common.css">
    <link rel="stylesheet" href="/public/novelv2/css/webpagecss/addition.css">
	<script src="/public/novelv2/js/templete/index.js"></script>
	<script src="/public/novelv2/pluginIn/webMain.js"></script>
	<script src="/public/novelv2/pluginIn/Swiper4/js/swiper.min.js"></script>
	<script>

		var swiper = new Swiper('.swiper-container', {
			loop: true,
			autoplay: {
				delay: 3000,
				disableOnInteraction: false,
			},
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
			}
		});


		$('.head-login').click(function () {
			$('.no-login-ways').show()
		})
		$('.no-login-ways .close').click(function () {
			$('.no-login-ways').hide()
		})

		function loginRegist(obj) {
			obj.find('.loregbtn span').each(function (index, item) {
				$(this).click(function () {
					obj.find('.loregbtn span').removeClass('onclick').addClass('noclick')
					$(this).removeClass('noclick').addClass('onclick')
					obj.find('.inputBox').hide()
					obj.find('.inputBox').eq(index).show()
				})
			})
		}

		loginRegist($('.no-login-ways'))


		$('.user').click(function () {
			$('.has-login-back').toggle(500)
		});

		$('.no-login-ways .register input').focus(function () {
			$('.submit').removeClass('btnInit').addClass('btnActive')
		})
	</script>
{/block}
{block name="body"}
	{include file="public/header" /}
	<div class="content ranking" style="margin:15px auto">

        <!-- 女生 榜单 -->
        <div class="section girlsBlock">
            <h2>女生<span>|</span>榜单</h2>
            <div class="aside">
                <div class="side-title">
                    <p class="">人气榜</p>
                </div>
                <ul id="FemaleHotRec" class="side-bookList">
				{volist name="gril_clicktop" id="vo" key="k"}
				   {if $k==1}
					<li class=firstLI'>
						<span class='num num1'>{$k}</span>
						<div class='side-book-des'>
							<a class='bookcover' href='{:url('index/books/index',['id'=>$vo.id])}'>
								<img src='{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}' alt=''></a>
							<div class='tit-authr-des'>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='title'>{$vo.title}</a>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='author'>{$vo.author}</a>
								<p class='des'>{$vo.intro}……</p>
							</div>
						</div>
					</li> 
				{elseif $k>1 && $k<4}	
					<li class=''>
                        <span class='num num{$k}'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{else/}	
				<li class=''>
                        <span class='num'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{/if}
				{/volist}
				</ul>
            </div>
            <div class="aside">
                <div class="side-title">
                    <p class="">新书榜</p>
                </div>
                <ul id="FemaleNewRec" class="side-bookList">
				
				{volist name="gril_newtop" id="vo" key="k"}
				   {if $k==1}
					<li class=firstLI'>
						<span class='num num{$k}'>{$k}</span>
						<div class='side-book-des'>
							<a class='bookcover' href='{:url('index/books/index',['id'=>$vo.id])}'>
								<img src='{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}' alt=''></a>
							<div class='tit-authr-des'>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='title'>{$vo.title}</a>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='author'>{$vo.author}</a>
								<p class='des'>{$vo.intro}……</p>
							</div>
						</div>
					</li> 
				{elseif $k>1 && $k<4}	
					<li class=''>
                        <span class='num num{$k}'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{else/}	
				<li class=''>
                        <span class='num'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{/if}
				{/volist}
				</ul>
            </div>

            <div class="aside">
                <div class="side-title">
                    <p class="">激励榜</p>
                </div>
                <ul id="FemaleExcitationRec" class="side-bookList">
				
				{volist name="gril_acttop" id="vo" key="k"}
				   {if $k==1}
					<li class=firstLI'>
						<span class='num num{$k}'>{$k}</span>
						<div class='side-book-des'>
							<a class='bookcover' href='{:url('index/books/index',['id'=>$vo.id])}'>
								<img src='{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}' alt=''></a>
							<div class='tit-authr-des'>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='title'>{$vo.title}</a>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='author'>{$vo.author}</a>
								<p class='des'>{$vo.intro}……</p>
							</div>
						</div>
					</li> 
				{elseif $k>1 && $k<4}	
					<li class=''>
                        <span class='num num{$k}'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{else/}	
				<li class=''>
                        <span class='num'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{/if}
				{/volist}
				</ul>
            </div>
        </div>

        <!-- 男生 榜单 -->
        <div class="section boysBlock">
            <h2>男生<span>|</span>榜单</h2>
            <div class="aside">
                <div class="side-title">
                    <p class="">热销榜</p>
                </div>
                <ul id="MaleHotRec" class="side-bookList">
				{volist name="boy_clicktop" id="vo" key="k"}
				   {if $k==1}
					<li class=firstLI'>
						<span class='num num{$k}'>{$k}</span>
						<div class='side-book-des'>
							<a class='bookcover' href='{:url('index/books/index',['id'=>$vo.id])}'>
								<img src='{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}' alt=''></a>
							<div class='tit-authr-des'>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='title'>{$vo.title}</a>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='author'>{$vo.author}</a>
								<p class='des'>{$vo.intro}……</p>
							</div>
						</div>
					</li> 
				{elseif $k>1 && $k<4}	
					<li class=''>
                        <span class='num num{$k}'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{else/}	
				<li class=''>
                        <span class='num'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{/if}
				{/volist}
				</ul>
            </div>

            <div class="aside">
                <div class="side-title">
                    <p class="">新书榜</p>
                </div>
                <ul id="MaleNewRec" class="side-bookList">
				{volist name="boy_newtop" id="vo" key="k"}
				   {if $k==1}
					<li class=firstLI'>
						<span class='num num{$k}'>{$k}</span>
						<div class='side-book-des'>
							<a class='bookcover' href='{:url('index/books/index',['id'=>$vo.id])}'>
								<img src='{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}' alt=''></a>
							<div class='tit-authr-des'>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='title'>{$vo.title}</a>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='author'>{$vo.author}</a>
								<p class='des'>{$vo.intro}……</p>
							</div>
						</div>
					</li> 
				{elseif $k>1 && $k<4}	
					<li class=''>
                        <span class='num num{$k}'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{else/}	
				<li class=''>
                        <span class='num'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{/if}
				{/volist}
				</ul>
            </div>

            <div class="aside">
                <div class="side-title">
                    <p class="">激励榜</p>
                </div>
                <ul id="MaleExcitationRec" class="side-bookList">
				{volist name="boy_acttop" id="vo" key="k"}
				   {if $k==1}
					<li class=firstLI'>
						<span class='num num{$k}'>{$k}</span>
						<div class='side-book-des'>
							<a class='bookcover' href='{:url('index/books/index',['id'=>$vo.id])}'>
								<img src='{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}' alt=''></a>
							<div class='tit-authr-des'>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='title'>{$vo.title}</a>
								<a href='{:url('index/books/index',['id'=>$vo.id])}' class='author'>{$vo.author}</a>
								<p class='des'>{$vo.intro}……</p>
							</div>
						</div>
					</li> 
				{elseif $k>1 && $k<4}	
					<li class=''>
                        <span class='num num{$k}'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{else/}	
				<li class=''>
                        <span class='num'>{$k}</span>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-name'>{$vo.title}</a>
                        <a href='{:url('index/books/index',['id'=>$vo.id])}' class='side-book-author'>{$vo.author}</a>
                    </li>
				{/if}
				{/volist}
				</ul>
            </div>
        </div>
	 </div>
        <!-- 渠道资源 -->
	{block name="include"}{include file="public:footer" /}{/block}    
{/block}
{block name="script"}

{/block}